I have an issue with PGraphic. I try to test the color of an off screen PGraphic but it bounces back this error: 'ArrayIndexOutOfBoundsException: 1001'. I would really apreciate if someone can bring his fresh look and help me to solve this! Thank a lot in advance. Best, @lolonulu

int X_Step=1;
int Y_Step=10;
int X, Y;
float radiousForce =50;
float maxForce =5;

PVector [][] points;

PGraphics pg;
PFont f;
color textColor = color(245);

void setup() {
  size(1000, 1000, P2D);
  background(0);

  f= createFont ("ARIAL", 150);
  fill(textColor);
  textFont(f);
  beginShape();
  pg = createGraphics(width, height);
  pg.smooth();
  pg.beginDraw();
  pg.fill(textColor);
  pg.textFont(f);
  pg.text("LIOR", 150, height/2+50);
  pg.endDraw();


  stroke(255);
  noFill();
  X =  (width/X_Step) +1;
  Y = (height/ Y_Step) +1;
  points = new PVector[X][Y];
  for (int x = 0; x<X; x+=1) {
    for (int y=0; y<Y; y+=1) {

      points [x][y] = new PVector(x*X_Step, y*Y_Step);
    }
  }
}
void draw() {
  background(0);



  if (pg.pixels[(int)points[X][Y].y*width +(int)points[X][Y].x] == textColor) {
    for ( int y=0; y < Y; y+=1) {
      stroke(255);
      strokeWeight(1);

      beginShape();
      curveVertex(points[0][y].x, points[0][y].y);

      for (int x=0; x < X; x+=1) {
        curveVertex(points[x][y].x, points[x][y].y);
      }
      curveVertex(points [X-1][y].x, points [X-1][y].y);
      endShape();
    }
  }
  if (mousePressed) {
    PVector mouse = new PVector(mouseX, mouseY);
    for (int x=0; x<X; x+=1) {
      for (int y=0; y<Y; y+=1) {
        float d =PVector. dist(points[x][y], mouse);
        if (d < radiousForce) {
          PVector force= PVector.sub(points[x][y], mouse);
          force.normalize();
          force.mult(map(d, 0, radiousForce, maxForce, 0));
          points[x][y].add(force);
        }
      }
    }
  }
}

I average a group of values together to make my graph smoother, and I am wondering if there are other methods to draw smoother graphs in Processing. I heard of methods like regression and best-fit curves, but I never knew how they can be implemented in Processing, and to be honest, I am math ability is abysmal.

Any input and advices will be welcome!

Here is my graph:

Here is the one generated by the electronic dummy load software:

I would prefer to generate my own graph to control the design and be able to output in a vector file.

And here is a part of my code:

String fname = "Trustfire 14500 900mAh 0.5A.csv";
CellData cellData = new CellData();
float[] voltage;
float[] capacity;

void setup(){
  size(800, 600);
  background(255);
  cellData.readCSV(fname);

  voltage = cellData.toMappedArray("voltage", 550, 50);
  voltage = bandAvg(voltage, 50);

  capacity = cellData.toMappedArray("capacity", 50, 750);
  capacity = bandAvg(capacity, 50);


  beginShape();
  for (int i=0; i<voltage.length; i++){
    vertex(capacity[i],voltage[i]);    
  }
  endShape();


}

void draw(){
}

What I want to do is outline the shape (of a person for example) with a closed curve vertex and then test to see if mouse is clicked inside that area. I really have no idea how to this for complex shapes such as a curve vertex! Any help would be much appreciated!

Thank you, Manu

I am working on a graphic and tried to add a structure, what is not working. Does anybody has an advice for me? Thanks a lot.

Markus

import ddf.minim.*; import processing.pdf.*; PImage img;

boolean record;

Minim minim; AudioInput input;

void setup() {

size(displayWidth, displayHeight, P3D); minim = new Minim (this); input = minim.getLineIn (Minim.STEREO, 512); noCursor(); img = loadImage("bild.jpg"); }

void draw() {

if(record){ beginRaw(PDF, "output.pdf"); }

float dim = input.mix.level () * width; translate(width/2, height/2, 0);

pushMatrix(); scale(0.9);

rotateX(PI/2); rotateZ(-PI/10);

beginShape(); texture(img); background(19,19,19);

smooth();

//stroke(255,175,0); stroke(255); strokeWeight(1.8);

scale(0.9); smooth();

rotateX(frameCount/700.0); rotateY(frameCount/600.0); rotateZ(frameCount/200.0);

curveVertex( mouseX, 320, -120); curveVertex(-250, -dim, -mouseX); curveVertex( -mouseY, -190, mouseX);

curveVertex(-260, -dim, mouseX); curveVertex(-dim, -190, -210); curveVertex( mouseX, -mouseY, dim);

curveVertex(-160, -mouseX, -290); curveVertex(-dim, dim, -210); curveVertex( 100, 140, dim);

curveVertex(-mouseY, mouseX, -390); curveVertex(-dim, dim, -210); curveVertex( mouseY, 240, dim);

curveVertex( 120, -220, mouseX); curveVertex( 290, dim, dim); curveVertex( dim, dim, mouseY);

fill(255);

curveVertex(mouseX, 220, -150); curveVertex(-dim, 110, dim); curveVertex( -mouseY, -150, mouseY);

curveVertex( mouseX, 220, -dim); curveVertex(-350, -dim, -220); curveVertex( mouseX, 210, -mouseX);

curveVertex(mouseX, dim, -200); curveVertex(-110, dim, mouseY); curveVertex( 230, dim, -mouseY);

curveVertex(340, dim, -325); curveVertex(mouseY, dim, -135); curveVertex( -dim, -mouseY, mouseY); endShape(); popMatrix();

pushMatrix(); fill(19,19,19); noStroke(); rectMode(CENTER); //rect(0,0,500,500); popMatrix();

if (record) { endRaw(); record = false; }

endShape(CLOSE);

}

//boolean sketchFullScreen() { //return true; //}

void keyPressed() { if (key == 'r') { record = true; } }

PImage img;
void setup()
{
  size (displayWidth,displayHeight);
  img = loadImage("foot2.png");
}
void draw()
{
  background(0);

image(img,50,70);

beginShape();// 
fill(255,0,0);
 curveVertex(170,76);
 curveVertex(169,138);
 curveVertex(168,148);
 curveVertex(169,148);
 curveVertex(213,157);
 curveVertex(211,107);
 curveVertex(193,79);
 curveVertex(170,76);
 curveVertex(159,108);
 curveVertex(168,148);
endShape();
fill(0,2,5);
  ellipse(185,108 ,40,50); 
beginShape(); // 
fill(190,29,83);
curveVertex(183,212);
 curveVertex(216,213);
curveVertex(216,204);
 curveVertex(212,184);
 curveVertex(182,186);
curveVertex(183,212);
 curveVertex(216,213);
curveVertex(216,204);
endShape();

beginShape(); // 
fill(255,244,13);
 curveVertex(184,212);
 curveVertex(153,213);
 curveVertex(157,188);
 curveVertex(181,188);
  curveVertex(184,212);
 curveVertex(153,213);
 curveVertex(157,188);
endShape();

beginShape(); // 
fill(255,0,0);
curveVertex(152,213);
curveVertex(136,211);
 curveVertex(114,218);
 curveVertex(115,199);
curveVertex(154,189);
curveVertex(152,213);
curveVertex(138,214);
curveVertex(124,215);
 curveVertex(114,218);
endShape();

beginShape(); // 

fill(255);
 curveVertex(115,218);
 curveVertex(91,219);
 curveVertex(77,218);
 curveVertex(91,198);
 curveVertex(110,203);
 curveVertex(115,218);
 curveVertex(91,219);
  curveVertex(77,218);
endShape();

beginShape(); //
fill(0,0,255);
 curveVertex(77,217);
 curveVertex(90,238);
 curveVertex(84,256);
 curveVertex(66,256);
 curveVertex(62,221);
 curveVertex(72,215);
 curveVertex(77,217);
 curveVertex(90,238);
 curveVertex(84,256);
endShape();
}